<?php
/**
 * The Template for displaying category posts.
 *
 * @file      category.php
 * @author    Chinh Tran.
 * @link 	  http://phunuchungminh.com
 */
 
?>
<?php get_header();  $cat_ID = get_query_var('cat'); ?>
<script>
	var num = 148; //number of pixels before modifying styles

	$(window).bind('scroll', function () {
		if ($(window).scrollTop() > num) {
			$('.video-nav').addClass('cate-menu-fixed');
		} else {
			$('.video-nav').removeClass('cate-menu-fixed');
		}
	});
</script>
<div class="wrapper">
		<div class="container">
			<div class="video-nav">
				<ul>
					<li> <a href="#"> Tất cả </a></li>
					<li> <a href="#"> Clip hài </a></li>
					<li> <a href="#"> Âm nhạc</a></li>
					<li> <a href="#"> Phim ảnh </a></li>
					<li> <a href="#"> Làm đẹp </a></li>
					<li> <a href="#"> Ẩm thực </a></li>
					<li> <a href="#"> Show thời trang </a></li>
					<li> <a href="#"> Game show </a></li>
				</ul>
					
			</div><!--End navigation-->
	</div><!--End container-->
</div><!--End wrapper-->
<div class="content">
		<div class="wrapper">
			<div class="container">
				<div class="left-block">
					<div class="video-feature-box">
						<div class="feature-news">
							<a href="#" style="background:url(<?php echo get_template_directory_uri() ?>/images/feature.jpg) no-repeat; background-size: cover;"><img src="<?php echo get_template_directory_uri() ?>/images/feature.jpg" alt="feature"></a>
							<a href="#" class="video-cover"></a>
							<h2> HH Kỳ Duyên: 'Cả tiền bạc và tình yêu đều quan trọng' </h2>
							<p> Cho rằng bé trai là con của cô cháu vợ mình, người đàn ông dẫn mẹ già đã đến UBND phường 1, quận 8, TP HCM để xin nhận lại bé. </p>
						</div>
						<div class="video-trend-tag">
							<ul class="items-list">
								<li>
									<div class="news-item"> 
										<a href="#" style="background:url(<?php echo get_template_directory_uri() ?>/images/img21.png) no-repeat; background-size: cover;" class="img"><img src="<?php echo get_template_directory_uri() ?>/images/img19.png" alt="feature"></a>
										<a href="#" class="video-cover"></a>
										<a href="#"> Trung Quốc điều tra nữ tướng vì tội tham nhũng </a>
									</div>
								</li>
								<li>	
									<div class="news-item"> 
										<a href="#" style="background:url(<?php echo get_template_directory_uri() ?>/images/img21.png) no-repeat; background-size: cover;" class="img"><img src="<?php echo get_template_directory_uri() ?>/images/img20.png" alt="feature"></a>
										<a href="#" class="video-cover"></a>
										<a href="#"> Trung Quốc điều tra nữ tướng vì tội tham nhũng </a>
									</div>
								</li>
								<li>
									<div class="news-item"> 
										<a href="#" style="background:url(<?php echo get_template_directory_uri() ?>/images/img21.png) no-repeat; background-size: cover;" class="img"><img src="<?php echo get_template_directory_uri() ?>/images/img21.png" alt="feature"></a>
										<a href="#" class="video-cover"></a>
										<a href="#"> Trung Quốc điều tra nữ tướng vì tội tham nhũng </a>
									</div>
								</li>
							</ul>
						</div><!--End trend tag-->
					</div><!--End feature tag-->
					
					<div class="video-news-list">
						<ul>
							<li> 
								<a href="#" style="background:url(<?php echo get_template_directory_uri() ?>/images/img11.png) no-repeat;background-size: cover;" class="img"><img src="<?php echo get_template_directory_uri() ?>/images/img11.png" alt="feature"></a>
								<a href="#" class="video-cover"></a>
								<a href="#"> 24 tuổi, nhà văn trẻ phá kỷ lục sách </a> 
							</li>
							<li> 
								<a href="#" style="background:url(<?php echo get_template_directory_uri() ?>/images/img11.png) no-repeat; background-size: cover;" class="img"><img src="<?php echo get_template_directory_uri() ?>/images/img11.png" alt="feature"></a>
								<a href="#" class="video-cover"></a>
								<a href="#"> 24 tuổi, nhà văn trẻ phá kỷ lục sách </a> 
							</li>
							<li> 
								<a href="#" style="background:url(<?php echo get_template_directory_uri() ?>/images/img11.png) no-repeat; background-size: cover;" class="img"><img src="<?php echo get_template_directory_uri() ?>/images/img11.png" alt="feature"></a>
								<a href="#" class="video-cover"></a>
								<a href="#"> 24 tuổi, nhà văn trẻ phá kỷ lục sách </a> 
							</li>
							<li> 
								<a href="#" style="background:url(<?php echo get_template_directory_uri() ?>/images/img11.png) no-repeat; background-size: cover;" class="img"><img src="<?php echo get_template_directory_uri() ?>/images/img11.png" alt="feature"></a>
								<a href="#" class="video-cover"></a>
								<a href="#"> 24 tuổi, nhà văn trẻ phá kỷ lục sách </a> 
							</li>
							<li> 
								<a href="#" style="background:url(<?php echo get_template_directory_uri() ?>/images/img11.png) no-repeat; background-size: cover;" class="img"><img src="<?php echo get_template_directory_uri() ?>/images/img11.png" alt="feature"></a>
								<a href="#" class="video-cover"></a>
								<a href="#"> 24 tuổi, nhà văn trẻ phá kỷ lục sách </a> 
							</li>
						</ul>
					</div>
				</div>
				<div class="right-block">
					<div class="banner banner-300x250">
						<a href="#"> <img src="<?php echo get_template_directory_uri() ?>/images/banner_300x250.png" alt="logo"/></a>
					</div>
					<div class="trend-tag">
						<div class="trend-head">
							<h2> XU HƯỚNG ĐỌC TIN</h2>
						</div>
						<div class="clear"> </div>
						<div class="trend-content fslider carousel" id="slider">
							<ul class="slides">
								<li style="background: #4089EA; margin-right: 5px !important;"> <a href="#item1"> Duy Nhân </a> </li>
								<li style="background: #863b9d; margin-right: 5px !important;"> <a href="#item2"> Beckham </a> </li>
								<li style="background: #BD4095; margin-right: 5px !important;"> <a href="#item2"> Uber </a> </li>
								<li style="background: #40BDB8; margin-right: 5px !important;"> <a href="#item3"> Việt Nam - Indonesia </a> </li>
								<li style="background: #4089EA; margin-right: 5px !important;"> <a href="#item1"> Duy Nhân </a> </li>
								<li style="background: #863b9d; margin-right: 5px !important;"> <a href="#item2"> Beckham </a> </li>
								<li style="background: #40BDB8; margin-right: 5px !important;"> <a href="#item3"> Việt Nam - Indonesia </a> </li>
								<li style="background: #4089EA; margin-right: 5px !important;"> <a href="#item1"> Duy Nhân </a> </li>
								<li style="background: #863b9d; margin-right: 5px !important;"> <a href="#item2"> Beckham </a> </li>
									
							</ul>
						</div>
					</div><!--End trend tag-->
				</div><!--End banner-block-->
			</div><!--End container-->
		</div><!--End feature-wrap-->
		<div class="clear"> </div>
		<div class="wrapper">
			<div class="container">
				<div class="mostview-block cate">
					<div class="cate-bg"></div>
					<ul class="mostview-news-list slides">
						<li>
							<div class="news-item"> 
								<a href="#" style="background:url(<?php echo get_template_directory_uri() ?>/images/img1.png) no-repeat;" class="img"><img src="<?php echo get_template_directory_uri() ?>/images/img1.png" alt="feature"/></a>
								<a href="#" class="video-cover"></a>
								<a href="#"> Trung Quốc điều tra nữ tướng vì tội tham nhũng </a>
							</div>
						</li>
						<li>
							<div class="news-item"> 
								<a href="#" style="background:url(<?php echo get_template_directory_uri() ?>/images/img2.png) no-repeat;" class="img"><img src="<?php echo get_template_directory_uri() ?>/images/img2.png" alt="feature"/></a>
								<a href="#" class="video-cover"></a>
								<a href="#"> Trung Quốc điều tra nữ tướng vì tội tham nhũng </a>
							</div>
						</li>
						<li>
							<div class="news-item"> 
								<a href="#" style="background:url(<?php echo get_template_directory_uri() ?>/images/img3.png) no-repeat;" class="img"><img src="<?php echo get_template_directory_uri() ?>/images/img3.png" alt="feature"/></a>
								<a href="#" class="video-cover"></a>
								<a href="#"> Trung Quốc điều tra nữ tướng vì tội tham nhũng </a>
							</div>
						</li>
						<li>
							<div class="news-item"> 
								<a href="#" style="background:url(<?php echo get_template_directory_uri() ?>/images/img4.png) no-repeat;" class="img"><img src="<?php echo get_template_directory_uri() ?>/images/img4.png" alt="feature"/></a>
								<a href="#" class="video-cover"></a>
								<a href="#"> Trung Quốc điều tra nữ tướng vì tội tham nhũng </a>
							</div>
						</li>
						<li>
							<div class="news-item"> 
								<a href="#" style="background:url(<?php echo get_template_directory_uri() ?>/images/img1.png) no-repeat;" class="img"><img src="<?php echo get_template_directory_uri() ?>/images/img1.png" alt="feature"/></a>
								<a href="#" class="video-cover"></a>
								<a href="#"> Trung Quốc điều tra nữ tướng vì tội tham nhũng </a>
							</div>
						</li>
						<li>
							<div class="news-item"> 
								<a href="#" style="background:url(<?php echo get_template_directory_uri() ?>/images/img2.png) no-repeat;" class="img"><img src="<?php echo get_template_directory_uri() ?>/images/img2.png" alt="feature"/></a>
								<a href="#" class="video-cover"></a>
								<a href="#"> Trung Quốc điều tra nữ tướng vì tội tham nhũng </a>
							</div>
						</li>
						<li>
							<div class="news-item"> 
								<a href="#" style="background:url(<?php echo get_template_directory_uri() ?>/images/img3.png) no-repeat;" class="img"><img src="<?php echo get_template_directory_uri() ?>/images/img3.png" alt="feature"/></a>
								<a href="#" class="video-cover"></a>
								<a href="#"> Trung Quốc điều tra nữ tướng vì tội tham nhũng </a>
							</div>
						</li>
						<li>
							<div class="news-item"> 
								<a href="#" style="background:url(<?php echo get_template_directory_uri() ?>/images/img4.png) no-repeat;" class="img"><img src="<?php echo get_template_directory_uri() ?>/images/img4.png" alt="feature"/></a>
								<a href="#" class="video-cover"></a>
								<a href="#"> Trung Quốc điều tra nữ tướng vì tội tham nhũng </a>
							</div>
						</li>
						<li>
							<div class="news-item"> 
								<a href="#" style="background:url(<?php echo get_template_directory_uri() ?>/images/img1.png) no-repeat;" class="img"><img src="<?php echo get_template_directory_uri() ?>/images/img1.png" alt="feature"/></a>
								<a href="#" class="video-cover"></a>
								<a href="#"> Trung Quốc điều tra nữ tướng vì tội tham nhũng </a>
							</div>
						</li>
						<li>
							<div class="news-item"> 
								<a href="#" style="background:url(<?php echo get_template_directory_uri() ?>/images/img2.png) no-repeat;" class="img"><img src="<?php echo get_template_directory_uri() ?>/images/img2.png" alt="feature"/></a>
								<a href="#" class="video-cover"></a>
								<a href="#"> Trung Quốc điều tra nữ tướng vì tội tham nhũng </a>
							</div>
						</li>
						<li>
							<div class="news-item"> 
								<a href="#" style="background:url(<?php echo get_template_directory_uri() ?>/images/img3.png) no-repeat;" class="img"><img src="<?php echo get_template_directory_uri() ?>/images/img3.png" alt="feature"/></a>
								<a href="#" class="video-cover"></a>
								<a href="#"> Trung Quốc điều tra nữ tướng vì tội tham nhũng </a>
							</div>
						</li>
						<li>
							<div class="news-item"> 
								<a href="#" style="background:url(<?php echo get_template_directory_uri() ?>/images/img4.png) no-repeat;" class="img"><img src="<?php echo get_template_directory_uri() ?>/images/img4.png" alt="feature"/></a>
								<a href="#" class="video-cover"></a>
								<a href="#"> Trung Quốc điều tra nữ tướng vì tội tham nhũng </a>
							</div>
						</li>
					</ul>
				</div><!--End mostview-block-->
				<div class="clear"> </div>
				<div class="banner-bottom-block">
					<div class="banner banner-728x90">
						<a href="#"> <img src="<?php echo get_template_directory_uri() ?>/images/banner_728x90.png" id="mouse-banner" alt="banner_728x90"/></a>
					</div>
					<div class="banner banner-300x250">
						<a href="#"> <img src="<?php echo get_template_directory_uri() ?>/images/banner_300x250.png" class="hide-banner" alt="logo"/></a>
					</div>
				</div>
			</div><!--End container-->
		</div><!--End wrapper-->
		<div class="clear"> </div>
		<div class="wrapper">
			<div class="container">
				
				<ul class="large-items-list">
					<li>
						<div class="news-item"> 
							<a href="#" style="background:url(<?php echo get_template_directory_uri() ?>/images/img11.png) no-repeat; background-size: cover;" class="img"><img src="<?php echo get_template_directory_uri() ?>/images/img5.png" alt="feature"/></a>
							<a href="#" class="video-cover"></a>
							<a href="#"> Trang điểm mắt nhũ tự nhiên làm bừng sáng khuôn mặt </a>
							<span class="time"> 12: 00</span>
						</div>
					</li>
					<li>
						<div class="news-item"> 
							<a href="#" style="background:url(<?php echo get_template_directory_uri() ?>/images/img11.png) no-repeat; background-size: cover;" class="img"><img src="<?php echo get_template_directory_uri() ?>/images/img5.png" alt="feature"/></a>
							<a href="#" class="video-cover"></a>
							<a href="#"> Trang điểm mắt nhũ tự nhiên làm bừng sáng khuôn mặt </a>
							<span class="time"> 12: 00</span>
						</div>
					</li>
					<li>
						<div class="news-item"> 
							<a href="#" style="background:url(<?php echo get_template_directory_uri() ?>/images/img11.png) no-repeat; background-size: cover;" class="img"><img src="<?php echo get_template_directory_uri() ?>/images/img5.png" alt="feature"/></a>
							<a href="#" class="video-cover"></a>
							<a href="#"> Trang điểm mắt nhũ tự nhiên làm bừng sáng khuôn mặt </a>
							<span class="time"> 12: 00</span>
						</div>
					</li>
					<li>
						<div class="news-item"> 
							<a href="#" style="background:url(<?php echo get_template_directory_uri() ?>/images/img11.png) no-repeat; background-size: cover;" class="img"><img src="<?php echo get_template_directory_uri() ?>/images/img5.png" alt="feature"/></a>
							<a href="#" class="video-cover"></a>
							<a href="#"> Trang điểm mắt nhũ tự nhiên làm bừng sáng khuôn mặt </a>
							<span class="time"> 12: 00</span>
						</div>
					</li>
					<li>
						<div class="news-item"> 
							<a href="#" style="background:url(<?php echo get_template_directory_uri() ?>/images/img11.png) no-repeat; background-size: cover;" class="img"><img src="<?php echo get_template_directory_uri() ?>/images/img5.png" alt="feature"/></a>
							<a href="#" class="video-cover"></a>
							<a href="#"> Trang điểm mắt nhũ tự nhiên làm bừng sáng khuôn mặt </a>
							<span class="time"> 12: 00</span>
						</div>
					</li>
					<li>
						<div class="news-item"> 
							<a href="#" style="background:url(<?php echo get_template_directory_uri() ?>/images/img11.png) no-repeat; background-size: cover;" class="img"><img src="<?php echo get_template_directory_uri() ?>/images/img5.png" alt="feature"/></a>
							<a href="#" class="video-cover"></a>
							<a href="#"> Trang điểm mắt nhũ tự nhiên làm bừng sáng khuôn mặt </a>
							<span class="time"> 12: 00</span>
						</div>
					</li>
					<li>
						<div class="news-item"> 
							<a href="#" style="background:url(<?php echo get_template_directory_uri() ?>/images/img11.png) no-repeat; background-size: cover;" class="img"><img src="<?php echo get_template_directory_uri() ?>/images/img5.png" alt="feature"/></a>
							<a href="#" class="video-cover"></a>
							<a href="#"> Trang điểm mắt nhũ tự nhiên làm bừng sáng khuôn mặt </a>
							<span class="time"> 12: 00</span>
						</div>
					</li>
					<li>
						<div class="news-item"> 
							<a href="#" style="background:url(<?php echo get_template_directory_uri() ?>/images/img11.png) no-repeat; background-size: cover;" class="img"><img src="<?php echo get_template_directory_uri() ?>/images/img5.png" alt="feature"/></a>
							<a href="#" class="video-cover"></a>
							<a href="#"> Trang điểm mắt nhũ tự nhiên làm bừng sáng khuôn mặt </a>
							<span class="time"> 12: 00</span>
						</div>
					</li>
					<li>
						<div class="news-item"> 
							<a href="#" style="background:url(<?php echo get_template_directory_uri() ?>/images/img11.png) no-repeat; background-size: cover;" class="img"><img src="<?php echo get_template_directory_uri() ?>/images/img5.png" alt="feature"/></a>
							<a href="#" class="video-cover"></a>
							<a href="#"> Trang điểm mắt nhũ tự nhiên làm bừng sáng khuôn mặt </a>
							<span class="time"> 12: 00</span>
						</div>
					</li>
					<li>
						<div class="news-item"> 
							<a href="#" style="background:url(<?php echo get_template_directory_uri() ?>/images/img11.png) no-repeat; background-size: cover;" class="img"><img src="<?php echo get_template_directory_uri() ?>/images/img5.png" alt="feature"/></a>
							<a href="#" class="video-cover"></a>
							<a href="#"> Trang điểm mắt nhũ tự nhiên làm bừng sáng khuôn mặt </a>
							<span class="time"> 12: 00</span>
						</div>
					</li>
					<li>
						<div class="news-item"> 
							<a href="#" style="background:url(<?php echo get_template_directory_uri() ?>/images/img11.png) no-repeat; background-size: cover;" class="img"><img src="<?php echo get_template_directory_uri() ?>/images/img5.png" alt="feature"/></a>
							<a href="#" class="video-cover"></a>
							<a href="#"> Trang điểm mắt nhũ tự nhiên làm bừng sáng khuôn mặt </a>
							<span class="time"> 12: 00</span>
						</div>
					</li>
					<li>
						<div class="news-item"> 
							<a href="#" style="background:url(<?php echo get_template_directory_uri() ?>/images/img11.png) no-repeat; background-size: cover;" class="img"><img src="<?php echo get_template_directory_uri() ?>/images/img5.png" alt="feature"/></a>
							<a href="#" class="video-cover"></a>
							<a href="#"> Trang điểm mắt nhũ tự nhiên làm bừng sáng khuôn mặt </a>
							<span class="time"> 12: 00</span>
						</div>
					</li>
					<li>
						<div class="news-item"> 
							<a href="#" style="background:url(<?php echo get_template_directory_uri() ?>/images/img11.png) no-repeat; background-size: cover;" class="img"><img src="<?php echo get_template_directory_uri() ?>/images/img5.png" alt="feature"/></a>
							<a href="#" class="video-cover"></a>
							<a href="#"> Trang điểm mắt nhũ tự nhiên làm bừng sáng khuôn mặt </a>
							<span class="time"> 12: 00</span>
						</div>
					</li>
					<li>
						<div class="news-item"> 
							<a href="#" style="background:url(<?php echo get_template_directory_uri() ?>/images/img11.png) no-repeat; background-size: cover;" class="img"><img src="<?php echo get_template_directory_uri() ?>/images/img5.png" alt="feature"/></a>
							<a href="#" class="video-cover"></a>
							<a href="#"> Trang điểm mắt nhũ tự nhiên làm bừng sáng khuôn mặt </a>
							<span class="time"> 12: 00</span>
						</div>
					</li>
					<li>
						<div class="news-item"> 
							<a href="#" style="background:url(<?php echo get_template_directory_uri() ?>/images/img11.png) no-repeat; background-size: cover;" class="img"><img src="<?php echo get_template_directory_uri() ?>/images/img5.png" alt="feature"/></a>
							<a href="#" class="video-cover"></a>
							<a href="#"> Trang điểm mắt nhũ tự nhiên làm bừng sáng khuôn mặt </a>
							<span class="time"> 12: 00</span>
						</div>
					</li>
					<li>
						<div class="news-item"> 
							<a href="#" style="background:url(<?php echo get_template_directory_uri() ?>/images/img11.png) no-repeat; background-size: cover;" class="img"><img src="<?php echo get_template_directory_uri() ?>/images/img5.png" alt="feature"/></a>
							<a href="#" class="video-cover"></a>
							<a href="#"> Trang điểm mắt nhũ tự nhiên làm bừng sáng khuôn mặt </a>
							<span class="time"> 12: 00</span>
						</div>
					</li>
					<li>
						<div class="news-item"> 
							<a href="#" style="background:url(<?php echo get_template_directory_uri() ?>/images/img11.png) no-repeat; background-size: cover;" class="img"><img src="<?php echo get_template_directory_uri() ?>/images/img5.png" alt="feature"/></a>
							<a href="#" class="video-cover"></a>
							<a href="#"> Trang điểm mắt nhũ tự nhiên làm bừng sáng khuôn mặt </a>
							<span class="time"> 12: 00</span>
						</div>
					</li>
					<li>
						<div class="news-item"> 
							<a href="#" style="background:url(<?php echo get_template_directory_uri() ?>/images/img11.png) no-repeat; background-size: cover;" class="img"><img src="<?php echo get_template_directory_uri() ?>/images/img5.png" alt="feature"/></a>
							<a href="#" class="video-cover"></a>
							<a href="#"> Trang điểm mắt nhũ tự nhiên làm bừng sáng khuôn mặt </a>
							<span class="time"> 12: 00  |   29/11/2014</span>
						</div>
					</li>
				</ul>
				<div class="block-row">
					<a href="#" class="view_more_listnews">Xem thêm</a>
					<div class="paginator">
						<ol class="wp-paginate">
							<li><a href="#" class="next"><img src="<?php echo get_template_directory_uri() ?>/images/arrow-left.png"></a></li>
							<li><span class="page current">1</span></li>
							<li><a href="#" title="2" class="page">2</a></li>
							<li><a href="#" title="3" class="page">3</a></li>
							<li><a href="#" title="4" class="page">4</a></li>
							<li><a href="#" title="5" class="page">5</a></li>
							<li><a href="#" class="next"><img src="<?php echo get_template_directory_uri() ?>/images/arrow-right.png"></a></li>
						</ol>
					</div>
				</div>
			</div>
		</div>
		
	</div><!--End content-->

<?php get_footer(); ?>